<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--<title>用户文章列表</title>-->
    <link rel="stylesheet" href="less/article-edit.css" type="text/css">
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
</head>
<body>
<div id="edit">
    <div class="ae-top" id="j-top">
        <div class="aet-title"></div>
        <div class="aet-info clear">
            <p class="aet-date">02-08 10:10</p>
            <p class="aet-num"></p>
            <!--<a class="aet-edit" id="j-edit"></a>-->
        </div>
    </div>

    <div class="ae-top-edit" id="j-complete">
        <div class="ate-write">
            <input type="text" class="atew-input" placeholder="输入标题...">
        </div>
        <a id="j-completeBtn" class="ate-complete">完成</a>
    </div>
    <div class="h128 j-blank"></div>
    <div class="of-delete jd-show">
        <a id="j-delete" class="of-trash"></a>
    </div>
    <div class="h80 jd-show"></div>
    <div class="ae-content clear" id="j-content">
        <ul id="courseDetail">
            <script id="listTemplate" type="text/x-handlebars-template">
                {{#each this}}
                <li style="{{isShow contentType 'VIDEO'}}" >

                    <div class="ae-img">
                        <img src="images/header-eg.png" alt="">
                    </div>
                    <div class="ace-con aec-audio">
                        <span class="left-icon"></span>
                        <audio class="j-audio" load="media">
                            <source src="{{content}}" type="audio/mpeg" />
                        </audio>
                        <span class="playicon"><img src="images/audio.png" alt=""></span>
                        <span class="videonum"><a>{{duration}}</a>"</span>
                    </div>
                    <!--<div class="aec-choose">-->
                    <!--<label>-->
                    <!--<input type="checkbox" class="aecc-input">-->
                    <!--<span class="aecc-img"></span>-->
                    <!--</label>-->
                    <!--</div>-->
                </li>
                <li style="{{isShow contentType 'IMAGE'}}">
                    <div class="ae-img">
                        <img src="images/header-eg.png" alt="">
                    </div>
                    <div class="ace-con aec-picture">
                        <span class="left-icon"></span>
                        <img src="{{content}}" alt="示例图" class="p-pic">
                    </div>
                </li>
                <li style="{{isShow contentType 'TEXT'}}">
                    <div class="ae-img">
                        <img src="images/header-eg.png" alt="">
                    </div>
                    <div class="ace-con aec-text">
                        <span class="left-icon"></span>
                        <p>
                            {{{textTohtml content}}}
                        </p>
                    </div>
                </li>
                {{/each}}
            </script>
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-audio">-->
            <!--<span class="left-icon"></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-picture">-->
            <!--<span class="left-icon"></span>-->
            <!--<img src="images/edit-img.jpg" alt="示例图" class="p-pic">-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-text">-->
            <!--<span class="left-icon"></span>-->
            <!--<p>-->
            <!--最主要的就是加强口语和写作了，这是口语是与老外交际时候用的，写作时用来写邮件，写什么总结，策划书之类的吧。-->
            <!--我觉得要提高这两方面的能力，需要一定量的词汇还有语法说为重要！-->
            <!--</p>-->
            <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
</div>
<script type="text/javascript" src="./dist/userArticle.bundle.js"></script>
</body>
</html>